{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="stylesheet" href="{% static 'plugings/bootstrap-4.6.2-dist/css/bootstrap.css' %}">
    <style>
        .account{
            width: 600px;
            margin: 50px auto;
            {#box-shadow: 15px 15px 25px 20px lightgray;#}
        }
    </style>
</head>
<body>
    <div class="account">
        <h1 style="text-align: center">注册</h1>
        <form>
          <div class="form-group">
              {% for item in form %}
                {% if item.name == 'code' %}
                    <label for="{{ item.id_for_label }}">{{ item.label }}</label>
                    <div class="row mb-3">
                        <div class="col-md-6">{{ item }}</div>
                        <div class="col-md-6"><input type="button" value="获取验证码" class="btn btn-primary"></div>
                    </div>
                {% else %}
                    <label for="{{ item.id_for_label }}">{{ item.label }}</label>
                    {{item}}<br>
                {% endif %}
              {% endfor %}
          </div>
            <button type="submit" class="btn btn-primary">注册</button>
        </form>
    </div>
</body>
</html>